<html>
	<head>
    	<title>
        	login to straws
        </title>
        <!--scripts-->
        <!--extjs-->
        <script type="text/javascript" src="scripts/extjs402a/ext-all-debug.js"></script>
        <!--all-->
        <script type="text/javascript" src="scripts/common-functions.js"></script>
        ]<script type="text/javascript" src="scripts/common-components.js"></script>
        <!--login-->
        <script type="text/javascript" src="scripts/login/layout.js"></script>
        
        <!--css-->
        <!--extjs-->
        <link rel="stylesheet" type="text/css" href="scripts/extjs402a/resources/css/ext-all.css" />
        <!--login-->
        <link rel="stylesheet" type="text/css" href="css/common.css" />
        <link rel="stylesheet" type="text/css" href="css/login.css" />
    </head>
    <body></body>
    <script type="text/javascript">
		Ext.define('BorderPanel',{
			extend:'Ext.panel.Panel',
			layout:'border',
			border:false,
			constructor:function(){
				Ext.apply(this,{
					items:[
						{
							region:'north',
							border:false,
							layout:'fit',
							items:new Ext.straws.login.HeaderPanel
						},
						{
							region:'center',
							border:false,
							layout:'fit',
							items:new Ext.straws.login.MainPanel
						},
						{
							region:'south',
							border:false,
							layout:'fit',
							items:new Ext.straws.FooterPanel
						}
					]
				});
				BorderPanel.superclass.constructor.call(this);
			}
		});
		Ext.define('viewport',{
			extend:'Ext.container.Viewport',
			renderTo:Ext.getBody(),
			layout:'fit',
			border:false,
			items:Ext.create('BorderPanel',{
				border:false
			})
		});
		Ext.create('viewport');
	</script>
</html>